<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<title>Contratos</title>
	<script type="text/css">
		select:disabled
		{
    		background-color: white;
		}
	</script>
</h:head>
<h:body>
	<ui:composition template="/pages/templates/template.xhtml">
		<ui:define name="content">
			<h:form id="formGeral">
				<rich:panel>
					<f:facet name="header">Informações do Contrato</f:facet>
					<h:panelGrid columns="4">

						<h:outputText value="Número do Contrato:" />
						<h:inputText name="numeroContrato" style="width:150px;"
							value="#{contratoEditarMB.contratoValidado.numeroContrato}"
							requiredMessage="Inserir Número do Contrato."
							converterMessage="Inserir apenas dígitos."
							disabled="#{!contratoEditarMB.contratoEditavel}">
							<f:convertNumber pattern="#" integerOnly="true" />
						</h:inputText>

						<h:outputText value="Nome do Devedor:" />
						<h:inputText name="nomeDevedor" style="width:400px;"
							value="#{contratoEditarMB.contratoValidado.nomeDevedor}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Nome do Cedente:" />
						<h:selectOneMenu id="cedente" name="cedente" style="width:350px;"
							value="#{contratoEditarMB.contratoValidado.cedente.id}"
							disabled="#{!contratoEditarMB.contratoEditavel}">
							<f:selectItems var="item" value="#{contratoEditarMB.empresas}"
								itemLabel="#{item.nomeEmpresa}" itemValue="#{item.id}" />
						</h:selectOneMenu>

						<h:outputText value="Endereço do Devedor:" />
						<h:inputText name="enderecoDevedor" style="width:400px;"
							value="#{contratoEditarMB.contratoValidado.enderecoDevedor}"
							required="true" disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Nome do Sacador:" />
						<h:selectOneMenu id="sacador" name="sacador" style="width:350px;"
							value="#{contratoEditarMB.contratoValidado.sacador.id}"
							disabled="#{!contratoEditarMB.contratoEditavel}">
							<f:selectItems var="item" value="#{contratoEditarMB.empresas}"
								itemLabel="#{item.nomeEmpresa}" itemValue="#{item.id}" />
						</h:selectOneMenu>

						<h:outputText value="Bairro do Devedor:" />
						<h:inputText name="bairroDevedor" style="width:200px;"
							value="#{contratoEditarMB.contratoValidado.bairroDevedor}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Valor do Título:" />
						<h:inputText name="valorContrato" style="width:150px;"
							value="#{contratoEditarMB.contratoValidado.valorTitulo}"
							disabled="#{!contratoEditarMB.contratoEditavel}">
							<f:convertNumber pattern="###,###,###,##0.00" />
						</h:inputText>

						<h:outputText value="Cidade do Devedor:" />
						<h:inputText name="cidadeDevedore" style="width:200px;"
							value="#{contratoEditarMB.contratoValidado.cidadeDevedor}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Taxa de Juros:" />
						<h:inputText name="taxaJuros" style="width:50px;"
							value="#{contratoEditarMB.contratoValidado.taxaJuros}"
							disabled="#{!contratoEditarMB.contratoEditavel}">
							<f:convertNumber pattern="0.00" />
						</h:inputText>

						<h:outputText value="UF do Devedor:" />
						<h:inputText name="ufDevedor" style="width:20px;" maxlength="2"
							value="#{contratoEditarMB.contratoValidado.ufDevedor}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Garantia:" />
						<h:inputText name="garantia" style="width:200px;"
							value="#{contratoEditarMB.contratoValidado.garantia}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="CEP do Devedor:" />
						<h:inputText name="cepDevedor" style="width:60px;" maxlength="8"
							value="#{contratoEditarMB.contratoValidado.cepDevedor}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />

						<h:outputText value="Imagem Válida?" />
						<h:selectBooleanCheckbox name="imagemValida"
							value="#{contratoEditarMB.contratoValidado.imagemValida}"
							disabled="#{!contratoEditarMB.contratoEditavel}" />
					</h:panelGrid>
					<h:panelGrid columns="2">
						<a4j:commandButton
							action="#{contratoEditarMB.setContratoEditavel(true)}"
							rendered="#{!contratoEditarMB.contratoEditavel and !contratoEditarMB.validacaoConcluida}"
							render="formGeral" value="Alterar" />
						<a4j:commandButton
							action="#{contratoEditarMB.setContratoEditavel(false)}"
							rendered="#{contratoEditarMB.contratoEditavel}"
							render="formGeral" value="Cancelar" execute="cedente;sacador" />
						<a4j:commandButton
							action="#{contratoEditarMB.salvaContratoValidado()}"
							rendered="#{contratoEditarMB.contratoEditavel}"
							render="formGeral" value="Salvar" />
						<a4j:commandButton action="#{contratoEditarMB.voltar()}"
							rendered="#{!contratoEditarMB.contratoEditavel or contratoEditarMB.validacaoConcluida}"
							render="formGeral" value="Voltar" />
					</h:panelGrid>
				</rich:panel>
			</h:form>
			<hr style="border: 1px;" />
			<h:form id="formImagem">
				<rich:panel>
					<f:facet name="header">Imagem do Contrato</f:facet>
					<rich:tabPanel>
						<c:forEach var="i" begin="0"
							end="#{imagemHelper.imagensCount - 1}">
							<rich:tab header="Pag. #{i+1}"
								style="height: 450px;overflow: auto;">

								<a4j:mediaOutput element="img" cacheable="false"
									createContent="#{imagemHelper.showImage}" value="#{i}"
									mimeType="image/png" standby="Carregando Imagem do Contrato..." />
							</rich:tab>
						</c:forEach>
					</rich:tabPanel>
				</rich:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>